超基本 HTMLとブラウザのお話し
HTMLとは、
Hyper
Text
Markup
Languageの略でウェブページを表示するためのマークアップ言語のことです。
これは、W3Cが作成している規格で最新版はHTML 4.01となります。
ホームページを作成する場合、ホームページビルダーやDreamweaverなどのソフトを使用する人が多いのですが、
HTMLさえ知っていればそれらのソフト無しにメモ帳もで作れます。
参考までに・・・
IBMホームページ・ビルダー V9 + はじめての公開サービスパック 特別キャンペーン版 8,900 円 | ソースネクスト IBMホームページ・ビルダー V9通常版 謝恩キャンペーン版 6,267 円 | ホームページ・ビルダー V9 バージョンアップ版 5,215 円 | IBMホームページ・ビルダーV9 + Webデザインサポートパック ダウンロードするならこちらが便利 8,800 円 | ライブドア ホームページクリエイター6 6,130 円 | HTML & JavaScript上級テクニック集第2版 2,600 円 |
速効!図解ホームページ作成(HTML編) 950 円 | HTMLタグ辞典第5版 Internet Explorer 6.0 & N 1,500 円 | 詳解HTML & XHTML & CSS辞典 2000円 | HTML maniax 究極のホームページ裏ワザ入門 2200円 | 超図解HTMLでつくるホームページ入門 1300円 | 極悪ホームページ事典 裏HTML &裏JavaScript &裏XHTM 2300円( ̄w ̄) |
⇒ ソフトがあればHTMLを知らなくていいのでは?という方もいらっしゃいますが、そんなことはありません。
ソフトは自動でHTMLを作ってくれる(変換してくれている)わけですが、それは和訳ソフトのように外国語を直訳してしまうようなもので、
とてもギクシャクしたモノに仕上がります。
しかもソフトのみでホームページのためのHTMLを作ると余分なタグが重なって入っていたり、ページを表示するのに時間が掛かったり(重くなる)します。
このサイトも決して綺麗ではありませんが・・・(ーー;)
そのようなところは自分で作り直す必要があります。
細かいところもソフトでは無理なので自分で打ち込まなければいけません。
ですから、ソフトを使用していてもホームページを作る方はHTMLタグを覚えた方がいいと考えます。
ホームページをブラウザで表示させるためのHTMLタグの基本構成
<HTML>
<HEAD> <TITLE>タイトルを入れる場所**ブラウザーのタイトルバーに表示されます。(楽天では使えません)</TITLE> </HEAD>
<BODY> ページの本文を書くところ (楽天ではこの<BODY>と<BODY>の間のみが使用できるんだそうです。) </BODY>
</HTML> |
<HTML>は『ここからHTMLが始まります』という宣言する記号で、</HTML>は『ここでHTMLが終わります』という記号です。
<HEAD>~</HEAD>はHPの内容の情報やHPのタイトルなどのを埋め込む為のタグ。
<TITLE>~</TITLE>の間にはブラウザーのタイトルバー(左上の部分)に表示されるHPのタイトルを記述します。
(しつこいですが、楽天ではこの部分は使えません)
<BODY>~</BODY>の中に書いた事柄がブラウザに表示される部分です。
(この部分が楽天広場で使えるところです)
* HTMLダグのルール・・・タグは基本的に<開始タグ>と</終了タグ>の2つをセットとして使います。
終了タグにはタグ名の前に/(スラッシュ)を付けて終わりを宣言します。
例外的に<BR>(改行タグ)は囲む必要がありません。上のHTMLをウェブで表示させると
ページの本文を書くところ (楽天ではこの<BODY>と<BODY>の間のみが使用できるんだそうです。) |
となります。
単純ね(^^;)
用語のおさらい ブラウザ | ブラウザ(WWWブラウザ)とは、ホームページを閲覧するためのソフトのこと。 ブラウザが無いとホームページを正常に見ることができません。
HTMLタグで書かれた文章をブラウザが処理して画面に表示させます。 今この画面を普通に読んでいらっしゃる方は何らかのブラウザソフトを通してみていることになります。
|
ブラウザの種類 | 主に使用されているブラウザは2つ。 現在のブラウザで一番使用者が多いブラウザは、マイクロソフト社のInternet Explorer[通称IE]です。その次にで使用者が多いブラウザは、ネットスケープ社のNetscape Navigator[通称 ネスケ・NN]です。 割合で言うと、「9:1」位の割合です。 それ以外のブラウザは使用している人は、非常に少ないみたいです。 ・ Internet Explorer ・ Netscape Navigator |
別のブラウザで見るとページに違いが出る? | ブラウザが違えば、同じソース(HTMLタグ)を使っていても、表示される画面が異なる事があります。 私はIEのみでページの表示を確認していますので、NNで見るとどうなってるのかちょっと不安でもあります( ̄w ̄)ぷ つまり、自分のブラウザではきちんと表示されているから、他の方が見ても綺麗に表示されていると思ってはいけません。 このため、複数のブラウザに対応したHTMLに対処して作成してくれる機能が備わっているホームページ作成ソフトもあります。 |
タグ | タグとは<タグ名><タグ名>の記号で囲まれた半角の英数字のことで、このタグを使ってウェブページが作られています (でも、タグ=HTMLではありません^^;) また、タグは半角英数字を使って記入します。 大文字、小文字どちらでもかまいませんし混じっていても問題はありませんが、ソースを覗かれることを考えると汚くって恥ずかしいものです。
このサイトでは大文字、小文字が適当に入り乱れての解説となってますが、一切気にしないでくださいm(_ _)mペコリ |
| |